<!DOCTYPE html>
<html lang="">
<head>
	<meta charset="utf-8">
	<title>日历</title>
	<link rel="stylesheet" href="./calendar.css">
	<style>
		* {
			padding: 0;
			margin: 0;
		}
		input {
			display: block;
			height: 30px;
			border: 1px solid #ddd;
			margin: 50px auto;
			text-align: center;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<input type="text" name="time" placeholder="点这儿试一试" readonly="">
	<input type="text" name="a" placeholder="点这儿试一试" readonly="">
	<script src="./jquery.js"></script>
	<script src="./jquery.calendar.js"></script>
	<script>
		$(function () {
			$('input[name="time"]').calendar();
			$('input[name="a"]').calendar();
		});
	</script>
</body>
</html>